/* Message
-----------------------------------------------------------*/
#message
{
    text-align: center;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 100;
    width: 100%;
    height: 0;
}
#message span
{
    background-color: #4B981D;
    color: #FFFFFF;
    padding: 0 24px;
    line-height: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 5px;
}
#message span.error
{
    background-color: #EAA000;
}
#message span.loading
{
    background: url(images/small-loading.gif) no-repeat #4B981D 5px center;
    padding-left: 25px;
}

/* Header
-----------------------------------------------------------*/
#header
{
    background: #3B5999;
    height: 50px;
    min-width: 950px;
    width: 100%;
    position: relative;
    color: #fff;
}
#header a
{
    color: #fff;
}
#header h1
{
    float: left;
    padding: 10px 0 0 20px;
}
#header h1 a
{
    font-size: 30px;
    line-height: 30px;
}
#header .quick-nav
{
    float: right;
    line-height: 30px;
    margin-right: 10px;
}
#header .quick-nav a:hover, #header .visit-site a:hover
{
    text-decoration: underline;
}
#header .visit-site
{
    position: absolute;
    top: 23px;
    left: 180px;
    z-index: 110;
}
/* Sidebar
----------------------------------------------------------------------------------------------------------------------------*/
#sidebar
{
    float: left;
    width: 230px;
    height: 100%;
    position: relative;
    background: #DEE4ED;
    border-right: 1px solid #C0C7D9;
}
#sidebar + div
{
    margin-left: 230px;
}
#sidebar .menu
{
    margin: 15px 15px 0;
}
#sidebar .menu > a
{
    background: url(images/sprites.png) no-repeat left -657px;
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    text-indent: 10px;
    text-decoration: none;
}
#sidebar .menu ul
{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top: none;
    position: absolute;
    width: 188px;
    z-index: 1;
}
#sidebar .menu ul a
{
    display: block;
    padding: 5px 0 5px 10px;
}
#sidebar ul a:hover
{
    color: #4D7BD6;
}
#sidebar .nav li.current > a
{
    color: #fff;
    background-color: #5080D8;
    border-radius: 4px;
    background: url(images/sprites.png) no-repeat right -657px #5080D8\0;   /* IE8 IE9 */
    *background: url(images/sprites.png) no-repeat right -657px #5080D8;   /* IE7 */
}
#sidebar .nav
{
    margin: 20px 0 0;
}
#sidebar .nav li.seperate
{
    border-top: 1px solid #BFC8D8;
    border-bottom: 1px solid #F4F5F6;
    height: 0;
    margin: 5px;
}
#sidebar .nav > li
{
    padding: 0 10px 0 10px;
}
#sidebar .nav li a
{
    display: block;
    font-size: 13px;
    padding: 5px 0 5px 25px;
}
#sidebar .nav li li a
{
    padding-left:40px;
}
#sidebar .nav .highlight
{
    color: #1C5AC4;
    font-weight: bold;
}
#sidebar .nav li.current ul, #sidebar .nav .highlight + ul
{
    display: block;
}
#sidebar .nav li ul
{
    display:none;
}
/* Sub Header
---------------------------------------------------------------------------------------------------------------------------*/
#subheader
{
    background: #F8FFA7;
    border-bottom: 1px dotted #C0C7D9;
    height: 49px;
    padding: 0 20px;
}
#subheader h2
{
    float: left;
    font-size: 18px;
    padding-top: 15px;
}
#subheader a.help
{
    float: right;
    margin-top: 10px;
    width: 24px;
    height: 24px;
    background: url(images/sprites.png) no-repeat -1015px -394px;
}
.help-content
{
    padding: 10px;
    color: #000;
    line-height: 22px;
}

#main-content
{
    overflow: auto;
    position: relative; /* IE7 li position relative bug */
    left: 0;
    top: 0;
}
#inner
{
    padding: 15px 10px;
}
/* Content
---------------------------------------------------------------------------------------------------------------------------*/
.bread-crumbs
{
    margin: 0 0 16px 0;
    font-size: 13px;
}
#main-content .toolbar
{
    margin-bottom: 10px;
    min-height: 31px;   /* IE7 bug */
}
#main-content .toolbar .s-form-select-wrapper
{
    margin-right: 10px;
}
#main-content form
{
    display: inline;
}
/* Data Table
--------------------------------------------------------------------------------------------------------------------------*/
.data-table
{
    border: #DDDDDD 1px solid;
    width: 100%;
}
.data-table th.time
{
    width: 200px;
}
.data-table .action
{
    width: 55px;
}
.data-table thead th
{
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #C1C8D2;
    background-color: #F2F4F6;
    font-size: 13px;
}
.data-table td
{
    line-height: 20px;
    padding: 5px 10px;
    border: 1px solid #DDDDDD;
    vertical-align: top;
}
.data-table tr:hover
{
    background-color: #F3F3F3;
}
.data-table .edit, .data-table .delete, .data-table .true, .data-table .false, .data-table .config, .data-table .design
{
    display: block;
}
.data-table tfoot td
{
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
.data-table tfoot a
{
    border: 1px solid #9AAFE5;
    color: #2E6AB1;
    display: inline-block;
    margin: 0 2px;
    padding: 0 5px;
    text-decoration: none;
}
.data-table .home
{
    background: url(images/home.png) no-repeat;
    height: 16px;
    width: 20px;
    display: inline-block;
}


/* Site
-------------------------------------------------------------*/
.data-table .urls
{
    position: relative;
}
.data-table .urls ul
{
    position: absolute;
    background: #fff;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 10px;
    z-index: 99;
}
.form-table .urls .add span
{
    margin-left: 4px;
    text-decoration: underline;
}
.form-table .urls li
{
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.form-table .urls li label:first-child
{
    color: #A0A0A0;
    position: absolute;
    top: 8px;
    left: 5px;
}
.form-table .urls li input[type="text"]
{
    padding-left: 30px;
    width: 370px;
}
.form-table .urls li .delete
{
    margin-top: 8px;
}
.form-table .urls li .checkbox
{
    display: inline-block;
    margin-top: 8px;
}
.form-table .urls li .checkbox label
{
    margin-left: 3px;
}

/* Site list
--------------------------------------------------------------- */
.site-list
{
    max-width: 480px;
    min-height: 200px;
    overflow: hidden;
    padding: 10px 5px 5px 0;
}
.site-list li
{
    width: 105px;
    height: 105px;
    text-align: center;
    margin: 0 0 38px 10px;
    border: 1px solid #D8D8D8;
    padding: 1px;
    background: #fff;
    color: #6C6F79;
    position: relative;
    float: left;
}
.site-list li .image
{
    width: 103px;
    height: 103px;
    display: block;
    border: 1px solid #fff;
}
.site-list li span
{
    width: 103px;
    line-height: 14px;
    padding-top: 12px;
    position: absolute;
    bottom: -22px;
    height: 14px;
    left: 0;
    text-align: center;
}
.site-list li:hover
{
    border-color: #50B2E7;
    background: #50B2E7;
}

/* Tabs 
----------------------------------------------------------------------------------*/
.tabs
{
    border-bottom: 1px solid #C0C7D9;
    height: 27px;
    margin-bottom: 15px;
}
.tabs a
{
    display: inline-block;
    line-height: 26px;
    padding: 0 10px;
    margin-left: 5px;
    background-color: #EBEFF4;
    border: 1px solid #C0C7D9;
    border-bottom: none;
}
.tabs li
{
    float: left;
}
.tabs li.current a
{
    background-color: #fff;
    height: 27px;
}

/* treeTable
--------------------------------------------------------------------------- */
.tree-table tr td .expander
{
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0;
    zoom: 1;    /* IE7 Hack */
}
.tree-table tr.collapsed td .expander
{
    background-image: url(images/toggle-expand.png);
}
.tree-table tr.expanded td .expander
{
    background-image: url(images/toggle-collapse.png);
}
.tree-table tbody td:first-child
{
    text-align: left;
    padding-left: 20px;
    width: 35%;
}
.tree-table tbody .draggable
{
    cursor: move;
}
.tree-table tr.selected, .tree-table tr.accept
{
    background-color: #3875d7;
    color: #fff;
}
.tree-table .ui-draggable-dragging
{
    background-color: #F3F3F3;
}
.tree-table .ui-helper-hidden
{
    display: none;
}

/* Media
------------------------------------------------------------------------------*/
.data-table .folder
{
    background: url(images/folder.gif) no-repeat;
}
.data-table .file
{
    background: url(images/file.png) no-repeat;
}
.data-table .folder, .data-table .file
{
    display: inline-block;
    height: 16px;
    padding-left: 20px;
    text-decoration: none;
}
/* Site Settings
------------------------------------------------------------------------------*/
.analytics textarea
{
    width: 650px;
    height: 350px;
}
.code-editor
{
    border: 1px solid #ccc;
    min-width: 650px;
}
/* Page
--------------------------------------------------------------------------- */
.page-form .url
{
    position: relative;
}
.page-form .url label
{
    color: #A0A0A0;
    position: absolute;
    top: 8px;
    left: 10px;
}

/* Meta fields
--------------------------------------------------------------------------- */
.meta-fields li
{
    margin-bottom: 10px;
}
.meta-fields .meta-name
{
    width: 100px;
}
.meta-fields .meta-content
{
    width: 292px;
}

